<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>select2学习</title>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
<link href="select2.min.css" rel="stylesheet" />
<script src="select2.min.js"></script>

</head>
<body>
<span>区域：</span>
<select id="area" class="select2" style="width: 300px;">
    <option value="" selected="selected">请选择区域</option>
    <option value="1">珠海</option>
    <option value="2">深圳</option>
    <option value="3">澳门</option>
    <option value="4">香港</option>
</select>
<script type="text/javascript">
    $(function () {
        $("#area").select2();
    });
</script>
</body>
</html>